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FIG. 1 



<HTML> 
<HEAD> 

<STYLE TYPE="TEXT/CSS"> 
altlet 



position: relative; 



.view 



{ 



position: absolute; 
visibility: hidden; 
top: Opx; 
left: Opx; 



} 



</STYLE> 

<SCRIPT TYPE="TEXT/JAVASCRIPT"> 

function setView() 
{ 



var basic = document.getElementByld( "low" ); 

var intermediate = document.getElementByld( "medium" ); 

var premium = document.getElementByld( "high" ); 



var browserWidth = document.body.clientWidth; 
var browserHeight = document.body.clientHeight; 



// hide all 

low.style.visibility = "hidden"; 
medium, style, visibility = "hidden"; 
high.style.visibility = "hidden"; 



//alert( premium.parentNode.clientTop ); 
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FIG. 1 (cont'd) 



// choose view based on width of browser 
if ( browserWidth >= 600 ) 

{ 

premium. style.visibility = "visible"; 

} 

else if ( browserWidth >= 350 ) 
{ 

intermediate.style.visibility = "visible"; 

} 

else 
{ 

basic.style. visibility = "visible"; 

} 



window.onresize=setView; 

-</script> 
</HEAD> 

<BODY ONLOAD="setView();"> 

-<TABLE WIDTH="800"> 
<TR> 

<TD BGCOLOR="black"> 
row one, column one 
<fTD> 

<TD BGCOLOR="black"> 
row one, column two 

<rro> 

<fTR> 
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FIG. 1 (cont'd) 
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<TR> 

<TD BGCOLOR="gray"> 
y\ row two, column one 
</TD> 

<TD BGCOLOR="#eeeeee"> 
row two, column two ^ ^39 

r y <!- begin ALTIet 640 pixels x 380 pixels 

<diy class="ALTIet" id="browserWidthALTIet" style="width:640px;height380px;"> 
<!- begin view for low quality level -> 
<divclass=°view° id="low"> 



/ 
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^-141 

Pirates Of The Caribbean ^ 

</div> 

end view for low quality level -> 
<!- begin view for medium quality level -> 
<divdass= B view° id= B medium B > 

<IMG SRC= B http://adisney.go.corWdisneyp^ _r2c3.jpg" /> 

</div> \^ 
<!- end view for medium quality level -> 15 1 



<!- begin view for high quality level -> 
<divclass= ,, view n id= B high B > 
<OBJECT 
ID^MediaPlayer* 

classid= a CLSID:22d6f312-b0f6-11d0-94aW)080c74c7e95 B 

CODEBASE= B http://actirex.micro^ ,1 ,52,701 " 

standby= B Loading Microsoft Windows Media Player components..." 
TYPE= B application/x-oleobjecT 
width= B 640 B 
height= B 380 B > 
<PARAM 

NAME= B FileName n 
VALUE= B mms://media.vitalstream.^ 
Caribbean J7J)300.wmv?media=1 08001 &package=9781 3&event=0 B 
width= B 640 B 
height="380 n > 
<EMBED 

TYPE=°application/x-mplayer2 B 
pluginspage= B http://www.micro^ 
featured/mediaplayer/default.asp B 
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FIG. 1 (cont'd) 
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contd 



SRC="mnre://niedia.vitelstream.corTV^ 
OfTheCari bbean_T2_0300.wmv?media=1 08001 &package=9781 3&event=0" 

Name=MediaPlayer ^^f6f 
ShowControls=1 
ShowDisplay=0 
ShowStatusBaFO 
width='640' 
height='380" 
AUTOPLAY="tnie"> 
</EMBED> 
</OBJECT> 
</div> 

<!- end view for high quality level -> 



170 



180 



</div> 

<<!-endALTIet-> 
</TD> 
<rTR> 
<TR> 

<TDBGCOLOR="black"> 
row three, column one 
<H"D> 

<TDBGCOLOR="black"> 
row three, column two 

</ro> 

_</TR> 
</TABLE> 



</BODY> 
</HTML> 
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